{% extends 'base.html' %}
{% block head %}
{% endblock %}
{% block content %}
<div class="container mx-auto size-full flex items-center justify-center">
  <div class="grow px-6 py-24 mb-6">
    <h1 class="text-6xl font-bold text-gray-800 mb-4">欢迎使用 ImQi1 云笔记</h1>
    <p class="text-gray-600 mb-6">这是一个功能强大的云笔记系统，帮助您更好地管理知识和想法。</p>
    <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mt-24">
      {# 定义了命名空间的反向链接 #}
      <a class="bg-blue-50 px-8 py-4 rounded-lg hover:bg-blue-100 transition" href="{% url 'notebook:notebook_list' %}">
        <h3 class="font-semibold text-blue-700 mb-2">笔记列表</h3>
        <p class="text-sm text-gray-600">随时随地创建和编辑您的笔记</p>
      </a>
      {# 若 URL 有参数，直接在后面补全就行，和其他 Template 语法一样 #}
      <a class="bg-green-50 px-8 py-4 rounded-lg hover:bg-green-100 transition"
         href="{% url 'notebook:notebook_content' latest_notebook.id %}">
        <h3 class="font-semibold text-green-700 mb-2">最新笔记</h3>
        <p class="text-sm text-gray-600">{{ latest_notebook.title }} —— {{ latest_notebook.user.nickname }}</p>
      </a>
      {# 没有命名空间的反向链接，直接填写链接名称 #}
      <a class="bg-purple-50 px-8 py-4 rounded-lg" href="{% url 'about' %}">
        <h3 class="font-semibold text-purple-700 mb-2">云端同步</h3>
        <p class="text-sm text-gray-600">所有数据云端存储，永不丢失</p>
      </a>
    </div>
  </div>
</div>
{% endblock %}